<div data-bb-type="screen" data-bb-effect="slide-left">
		<div data-bb-type="round-panel"> 
					<div data-bb-type="panel-header">Add New Course</div>
			   	<div>Course Name :</div>       
				<input id="inputCourseName" type="text" value="" /> 
				
                                <div>Credits :</div>       
				<input id="inputCredit" type="text" value="" />
                                
				<div>Year :</div>       
				<input id="inputYear" type="text" value="" /> 
				
				<div>Term: </div>
			   	<select id="inputTermOption" data-bb-label="Term">
					<option value="Spring" selected="selected">Spring</option>
					<option value="Summer">Summer</option>
					<option value="Autumn">Autumn</option>
					<option value="Winter">Winter</option>
			   	</select>
			   	
			   	<div>Score: </div>
			   	<select id="inputGrade" data-bb-label="Score">
					<option value="4" selected="selected">A</option>
					<option value="3.5">AB</option>
					<option value="3">B</option>
					<option value="2.5">BC</option>
                                        <option value="2">C</option>
					<option value="1">D</option>
					<option value="0">E</option>
					<option value="">F</option>
			   	</select>
			   	
			   	<div data-bb-type="button" data-bb-style="stretch" onclick="saveCourse()">Save this course</div>
			   	<div data-bb-type="button" data-bb-style="stretch" onclick="deleteCourse()">Delete this course</div>
		</div>
	<div data-bb-type="action-bar" data-bb-back-caption="Back"></div>
</div>